@charset "UTF-8";
@import "../common/scss/mobile";
@import "../common/scss/mixins";
@import "../common/scss/sprites";
body{
	height:100%;
	background-color:#00c267;
}
.couponlist{
	@include flex();
	@include scrolling();
}

.itembox{
        background-repeat:no-repeat;
        background-position:center center;
		background-image:url(/images/code/shelf-active.png);

		background-size:100%;
		height: 34.0625vw;
		margin:0.4rem 0.6rem 0;
	.row{
		@include flexbox;
            padding: 2.3rem 0 1rem;     

		.infobox,.pricebox{
			align-self: center;
		}
		.infobox{
			color:#666;
			font-size:$fs11;
			padding-left:2rem;
			@include flex-grow(1);
			.title{
				font-size:$fs15;
				color:#333;
			}
			.rule{
				padding:0.4rem 0;
			}
		}
		.pricebox{
			text-align:center;
			padding:0 1.8rem 0 0.9rem;
			button{
				@include round-button();
				color:#00c267;
				border:0;
				background-color:transparent;
				width:8.5rem;
				height:3.6rem;
				border:1.5px solid #00c267;
				&.disabled{
					border:1.5px solid #bfbfbf;
					color:#999999;
				}
			}

		}
	}
	.butn{
		text-align:center;
		border-top:1.5px dashed #d4d4d4;
		width:92%;
		margin:0 auto;
		button{
			font-size:$fs15;
			color:#00c267;
			border:0;
			background-color:transparent;
			padding:0.9rem 0;
		}
	}
		&.use{
			background-image:url(/images/code/use.jpg);
			.row{
				.infobox{
					.title{
						color:#333;
					}
				}
				.pricebox{
					.title{
						color:#fc7700;
					}
				}
			}
		}
		&.donationed{
			background-image:url(/images/code/donationed.jpg);
		}
		&.donationing{
			background-image:url(/images/code/donationing.jpg);
		}
		&.donationing{
			background-image:url(/images/code/donationing.jpg);
		}
		&.invalid{
			background-image:url(/images/code/shelf-disabled.png);			
		}
		&.used{
			background-image:url(/images/code/used.jpg);
		}
}

.btngroup{
	background-color:#00c267;
	height:3.9rem;
	padding:0.8rem 1.4rem;
    box-shadow: 0 -0.4rem 0.4rem #00b25f;
	button{
		background-color:#fff;
		color:#00c267;
		font-size:$fs15;
		border:0;
		width:100%;
		height:100%;
		@include border-radius();
		white-space: nowrap;
		&.disabled{
			color:#999999;
		}
	}
}
.footer{
	text-align:center;
	.navmenu{		
		span{
			font-size: 1.1rem;
			color:#666;
			margin:0 0.8rem;
			color:rgba(255,255,255,.85);
		}
		.separator{
		  font-size:0.7rem;
          color:rgba(255,255,255,.7);
		}
		padding:1.5rem 0;
	}
}
@import "../common/scss/utilities";
@import "../common/scss/layer";
@import "../common/scss/pages/follow";
.null-data{
	text-align:center;
	background-color:#fff;
	.empty{
		padding-top:9rem;
		.icon-empty-shelf{
			background:url(/images/code/empty-shelf.png);
			background-size:100%;
			width:9.7rem;
			height:7.2rem;
			display:inline-block;
		}
		.message{
			padding:2rem 0 6rem;
		    font-size:$fs12;
		    color:#666;
		}
	}

	.center-btn{		
		button{
			background-color:transparent;
			border:1.5px solid #00c267;
			color:#00c267;
			@include border-radius();
			width:60%;
			padding:1rem 0;
			font-size:$fs15;
		}
	}
	.footer-link{
		padding-top:10rem;
	}
}